রিয়েল-টাইম ভ্যালিডেশন হল ফর্মের ফিল্ডগুলোতে ডেটা ইনপুট করার সময় সঙ্গে সঙ্গে তা যাচাই করার প্রক্রিয়া। এটি ব্যবহারকারীদের ফর্ম জমা দেওয়ার আগে তাদের তথ্যের সঠিকতা নিশ্চিত করতে সাহায্য করে, এবং ভুল তথ্য জমা হওয়া এড়াতে পারে। jQuery এবং জাভাস্ক্রিপ্ট দিয়ে রিয়েল-টাইম ভ্যালিডেশন বাস্তবায়ন করা সহজ।
রিয়েল-টাইম ভ্যালিডেশন কিভাবে কাজ করে
রিয়েল-টাইম ভ্যালিডেশনে, ইউজার যখন ফর্মের একটি ফিল্ডে কিছু লিখে বা পরিবর্তন করে, তখনই সেই ইনপুট যাচাই করা হয়। এটি keyup, change, বা blur ইভেন্টের মাধ্যমে করা যেতে পারে।
উদাহরণ: ইমেইল ভ্যালিডেশন
একটি সাধারণ ইমেইল ভ্যালিডেশন স্ক্রিপ্ট নিচে দেওয়া হলো, যা jQuery ব্যবহার করে রিয়েল-টাইমে ইমেইল ঠিকানার সঠিকতা যাচাই করে:
<form>
<label for="email">ইমেইল:</label>
<input type="email" id="email" name="email">
<span id="emailFeedback"></span>
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#email").on("input", function() {
var email = $(this).val();
var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (email.match(pattern)) {
$("#emailFeedback").text("ইমেইল ঠিক আছে").css("color", "green");
} else {
$("#emailFeedback").text("ভুল ইমেইল ঠিকানা").css("color", "red");
}
});
});
</script>
এই কোডে, input ইভেন্ট যখন ফায়ার হয়, তখন ইমেইল ফিল্ডের মান প্যাটার্নে
র সাথে যাচাই করা হয়, এবং ফলাফল অনুযায়ী ফিডব্যাক দেওয়া হয়।
সারাংশ
রিয়েল-টাইম ভ্যালিডেশন ব্যবহার করে, ডেভেলপাররা ইউজার ইন্টারফেসকে আরও ইন্টার্যাক্টিভ এবং ব্যবহারকারী-বান্ধব করতে পারেন। এটি ব্যবহারকারীকে ফর্ম জমা দেওয়ার আগে ভুল তথ্য সংশোধনের সুযোগ দেয়, যা ভুল তথ্য জমা হওয়ার হার কমাতে সহায়ক।
